<!DOCTYPE html>
<html lang="en">
<head>
    <title>MyPetStore</title>
    <title>Home</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- mobile specific metas
   ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">

    <!-- CSS
   ================================================== -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/main.css">
    <!-- favicons
    ================================================== -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">




</head>
<body >

<div class="header"></div>
<section id="home" data-parallax="scroll" data-image-src="/images/hero-bg.jpg" data-natural-width=3000 data-natural-height=2000>

    <div class="overlay"></div>
    <div class="home-content">

        <div class="row contents">
            <div class="home-content-left">

                <h3 data-aos="fade-up">Welcome to MyPetstore</h3>

                <h1 data-aos="fade-up">
                    WELCOME OUR PETSTORE <br>
                    YOU WILL HAVE YOUR<br>
                    CUTE PET HERE.
                </h1>

                <div class="buttons" data-aos="fade-up">
                    <a href="/catalog/view" class="smoothscroll button stroke">
                        <span class="icon-circle-down" aria-hidden="true"></span>
                        Enter SHW Petstore
                    </a>

                </div>

            </div>

            <div class="home-image-right">
                <img src="images/cat001.png"
                     width="1200"
                     height="1200"
                     style="border: 15px inset #ff9900"
                >
            </div>
        </div>

    </div> <!-- end home-content -->


</section> <!-- end home -->

</body>
</html>